.loader {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:#fff;
	z-index:1042;
	position:fixed;
	top:0;
	left:0;
}

.loading{
	width: 70px;
	height: 38px;
	margin: auto;
	position:absolute;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
}

@-webkit-keyframes loading {
	0% {
		transform: scaleY(1);
		-moz-transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}

	50% {
		transform: scaleY(.4);
		-moz-transform: scaleY(.4);
		-webkit-transform: scaleY(.4);
	}

	100% {
		transform: scaleY(1);
		-moz-transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
}

.loading i {
	display: inline-block;
	width: 4px;
	height: 35px;
	border-radius: 2px;
	background: #DD4B39;
	margin: 0 2px;
}

.loading i:nth-child(1) {
	-webkit-animation: loading 1s ease-in .1s infinite;
	-moz-animation: loading 1s ease-in .1s infinite;
	animation: loading 1s ease-in .1s infinite;
}

.loading i:nth-child(2) {
	-webkit-animation: loading 1s ease-in .2s infinite;
	-moz-animation: loading 1s ease-in .2s infinite;
	animation: loading 1s ease-in .2s infinite;
}

.loading i:nth-child(3) {
	-webkit-animation: loading 1s ease-in .3s infinite;
	-moz-animation: loading 1s ease-in .3s infinite;
	animation: loading 1s ease-in .3s infinite;
}

.loading i:nth-child(4) {
	-webkit-animation: loading 1s ease-in .4s infinite;
	-moz-animation: loading 1s ease-in .4s infinite;
	animation: loading 1s ease-in .4s infinite;
}

.loading i:nth-child(5) {
	-webkit-animation: loading 1s ease-in .5s infinite;
	-moz-animation: loading 1s ease-in .5s infinite;
	animation: loading 1s ease-in .5s infinite;
}
